<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css布局table</title>
		
		<style type="text/css">
		.container{
			width: 300px;
			height: 400px;
			border: black 1px solid;
			margin: 0 auto;
		}
		.left{
			background-color: aquamarine;
		}
		.right{
			background-color: pink;
		}
		div{
			margin: 0 auto;
		}
		</style>
		
	</head>
	<body>
		<article style="text-align: center;">	table布局居中方法<br/>
			1 table外面套个div margin:0 auto;<br />
			2 table样式设置 margin:0 auto;
		</article>
		<div>
			<table class=container>
					<tbody>
						<tr>
							<td class=left> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis dolorum corrupti nesciunt temporibus animi qui. </td>
							<td class=right> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum tempore consequuntur repudiandae doloribus vel repellat. </td>
						</tr>
					</tbody>
			</table>	
	    </div>
	</body>
</html>
